<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />	    
		<link rel="stylesheet" type="text/css" href="css/input.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_998195_9moi15kp0cg.css"/>
	</head>
	<body>
		<style type="text/css">
				a{
			color: #E7C698;
		}
		</style>
		<div class="web">
			<div class="input_cont">
				<p>填写主人囍宴信息</p>
				<input type="text" name="" id="" value="" placeholder="真实姓名" />
				<input type="text" name="" id="phone" value=""  placeholder="联系电话"/>
				<input type="text" name="" id="" value="" placeholder="囍宴地址" />
				<input type="text" name="" id="" value="" placeholder="囍宴时间"  />
				<p class="p2">只有2018年1月1号进行婚姻登记，并在10月1号-10月7号进行婚宴的新人(限广东省，海南省区域)才能入榜</p>
				<div class="btn">
					<img src="img/z-tijiaobtn.png"/>
				</div>
			</div>
			    <div class="tan_z">
			    	<div class="fu_chuang">
			    		<i class="iconfont icon-guanbi1"></i> 
			    		<div class="cont">
			    			<p>提交成功</p>
			    			<p><a href="paiming.html">查看我的排名</a></p>
			    		</div>
			    	</div>
			    </div>	
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script>
			//手机号码验证
			 	 var reg = /^1[3-9]\d{9}$/;
			 	 $(".btn").on("touchstart",function(){
			 	 	var phoneNum=$("#phone").val();
			 	 	//匹配手机号码之前，先对字符串进行空格处理
					var res = phoneNum.replace(reg,"");
			 	 	if(reg.test(phoneNum)){
			 	 		$(".tan_z").css("display","block");
			 	 	}else{
			 	 		alert("手机号码错误，请重新输入");
			 	 	}
			 	 })
			 	 $(".iconfont").on("click",function(){
					$(".tan_z").attr("style","display:none");
					})
		</script>
	</body>
</html>
